<template>
    <div>
        <div style="display: flex;">
            <el-button type="primary" id="but" @click="add()">
                新增毕业学生
            </el-button>
            <el-button type="primary" id="but" @click="deleteAll()">
                批量删除
            </el-button>
            <el-button type="primary" id="but" @click="openDialog">
                学生批量导入
            </el-button>
            <el-button type="primary" id="but" @click="DaoLever()">
                学生批量导出
            </el-button>
        </div>
    </div>
</template>

<script setup>
import {defineProps,defineEmits} from 'vue'
const props=defineProps({
    dialogVisible2:Boolean
})
const emit=defineEmits(['add','deleteAll','openDialog','DaoLever'])
const add=()=>{
    emit('add')
}
const deleteAll=()=>{
    emit('deleteAll')
}
const openDialog=()=>{
    emit('openDialog')
}
const DaoLever=()=>{
    emit('DaoLever')
}
</script>

<style scoped>
#but{
     width: 130px;
    height: 40px;
    margin-bottom: 20px;
    background-color: #214bc9;
    color: #fff;
    font-size: 20px;
}
</style>
